<template>
    <view>
        <view class="uni-padding-wrap">
            <view class="page-section swiper">
                <view class="page-section-spacing">
                    <swiper :style="'height:'+height+'rpx;'" class="swiper" :indicator-dots="indicatorDots" :autoplay="autoplay" :interval="interval" :duration="duration" indicator-color="rgba(255,255,255,.5)" indicator-active-color="#fff">
                        <swiper-item v-for="(rows, index) in rotation" :key="index" >
                            <view class="swiper-item"><image :src="rows.img" mode="widthFix"></image></view>
                        </swiper-item>
                        
                    </swiper>
                </view>
            </view>
        </view>
      
    </view>
</template>

<script>
	export default {
		 props:{
			rotation:{
				type:Array
				
			},
			height:{
				type:Number
			}
		 },
	    data() {
	        return {	            
	            indicatorDots: true, //是否显示面板指示点	
	            autoplay: true, //是否自动切换	
	            interval: 2000,//自动切换时间间隔	
	            duration: 500 //滑动动画时长	
	        }
	    },
	    methods: {
	        
	    }
	}
</script>

<style>
image{
	width: 100%;
}
</style>
